<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体</title>
    <style>
        #d1{
            font-size: 26px;
            /*font-family: 宋体;*/
            font-family: "Times New Roman";
            font-style: italic;
            /*font-weight: bold;*/
            font-weight: 100;
        }
        #d2{
            font-size: 26px;
            /*font-family: 楷体;*/
            font-family: "DFKai-SB";
            font-style: italic;
            /*font-weight: bold;*/
            font-weight: 700;
        }
    </style>
</head>
<body>
<div id="d1">这是第一个div</div>
<div id="d2">这是第二个div</div>
</body>
</html>